import React, {Component, createRef} from 'react';
//ref的应用
class Ref
extends
Component
{
    myRef=createRef();
    render()
    {
        return (
            <div>
                {/*使用ref来给标签设置ref="username"
通过这个获取this.refs.username , ref可以获取到应用的真实dom*/}
                <input ref="mytext"/>
                <button onClick={()=>{
                    //使用this.refs.mytext.valu获取绑定的标签的值
                    console.log(this.refs.mytext.value);
                }}>add</button>
                <input ref={this.myRef}/>
                <button onClick={()=>{
                    console.log(this.myRef.current.value)
                }}>
                    add2
                </button>
            </div>
        );
    }
}

export default Ref;
